<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
    <title>HTML多页面应用</title>
    <script src="https://cdn.jsdelivr.net/npm/@unocss/runtime/uno.global.js"></script>
  </head>
  <body>
  <h3 class="font-bold text-3xl color-green-500 flex justify-center">%MODE%</h3>
  <ul class="flex flex-col justify-center align-center gap-10 bg-black text-2xl list-none m-10 p-10">
      <li><a href="/react/" class="text-blue-300">React</a></li>
      <li><a href="/vue/" class="text-green-300">Vue</a></li>
      <li><a href="/html/1.html" class="text-yellow-300">HTML 1</a></li>
      <li><a href="/html/2.html" class="text-red-300">HTML 2</a></li>
      <li><a href="/html/3.html" class="text-red-300">HTML 2</a></li>
      <li><a href="/html/4.html" class="text-red-300">HTML 2</a></li>
    </ul>
  </body>
</html>
